<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="keywords" content="有赞,移动电商服务平台"/>
  <meta name="description" content=""/>
  <meta name="HandheldFriendly" content="True"/>
  <meta name="MobileOptimized" content="320"/>
  <meta name="format-detection" content="telephone=no"/>
  <meta http-equiv="cleartype" content="on"/>
  <meta name="referrer" content="always"/>
  <link rel="shortcut icon" href="#"/>
  <title>商品详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <style>
    /* 避免源代码显示
       原理是当HTML结构渲染完成后在渲染到页面
    */
    [v-cloak] {
      display: none;
    }


  </style>
</head>

<body class=" body-fixed-bottom
            default-theme">
<div id="app" v-cloak>
  <div class="main-box" v-if="details">
    <div class="container wap-goods internal-purchase" style="min-height: 617px;">
      <div class="content no-sidebar">
        <div class="content-body">
          <swipe :lists="bannerLists" name="cancelClick" v-if="bannerLists" style="width:375px;height:375px"></swipe>
          <!-- <script id="resize-img-script-used"></script> -->
          <div class="goods-header">
            <h2 class="title">{{ details.title }}</h2>
            <span class="hide js-add-wish js-wish-animate wish-add  font-size-12 tag tag-redf30 pull-right">
                喜欢
              </span>
            <div class="goods-price ">
              <div class="current-price">
                <span>¥</span><i class="js-goods-price price">{{
                details.price | toFixed2
                }}</i>
              </div>
              <span class="btn btn-blue btn-retail hide js-retail-btn">门店有售</span>
              <div class="original-price">
                {{ details.originalPrice | toFixed2 }}
              </div>
            </div>
            <hr class="with-margin-l"/>
            <div class="stock-detail">
              <dl>
                <dt>运费:</dt>
                <dd class="js-postage-desc" data-postage="免运费">
                  {{ details.postage | toFixed2 }}
                </dd>
              </dl>
              <dl>
                <dt>剩余:</dt>
                <dd>{{ details.remain }}</dd>
              </dl>
              <dl>
                <dt>销量:</dt>
                <dd>{{ details.sales }}</dd>
              </dl>
            </div>
          </div>
          <div class="sku-detail adv-opts">
            <div class="sku-detail-inner adv-opts-inner">
              <dl class="sku-group select-sku js-select-sku" @click="chooseSku(1)">
                <dt><span class="js-sku-label">选择</span>：</dt>
                <dd class="js-sku-value">
                  <span class="sku-item">净含量</span>
                </dd>
              </dl>
            </div>
          </div>
          <div class="js-store-info">
            <div class="block block-list goods-store">
              <div class="custom-store block-item ">
                <a class="custom-store-link clearfix" href="https://h5.youzan.com/v2/home/cz0mk59k">
                  <div class="custom-store-img"></div>
                  <div class="custom-store-name">
                    {{ details.storeName }}
                  </div>
                  <span class="custom-store-enter">进入店铺</span>
                </a>
              </div>
              <a class="offline-store block-item js-retail-store hide">
                <span class="offline-store-img"></span>
                <span class="offline-store-name">线下门店</span>
                <div class="offline-store-branch js-retail-store-name"></div>
              </a>
              <div class="renzheng block-item">
                  <span class="js-rz-item-alert rz-item" v-for="item in details.identification">
                    <span class="rz-name font-size-12 c-gray-darker">{{
                      item
                      }}</span>
                  </span>
              </div>
            </div>
          </div>
          <a class="js-package-buy-block hide"></a>
          <div class="js-detail-container" style="margin-top: 10px;">
            <div class="js-tabber-container goods-detail">
              <div class="js-tabber tabber tabber-n2 clearfix orange">
                <button v-bind:class="{active:index===tabIndex}" v-for="(item,index) in detailTab"
                        v-on:click="tabSwitch(index)">
                  {{ item }}
                </button>
              </div>
              <div class="js-tabber-content">
                <div class="js-part">
                  <div class="js-traderecord-list block-list-traderecord" v-show="tabIndex">
                    <div class="list-header">
                      <span class="col-1">买家</span>
                      <span class="col-2 center">成交时间</span>
                      <span class="col-3 center">数量</span>
                    </div>
                    <div class="js-list b-list block block-list">
                      <div class="block-item" v-for="list in dealLists">
                        <span class="col-1 c-gray-darker">{{
                          list.buyer
                            }}</span>
                        <span class="col-2 c-gray-dark center">{{
                          list.time
                            }}</span>
                        <span class="col-3 c-gray-darker center">{{
                            list.num
                            }}</span>
                      </div>
                      <div class="loading-more" v-show="loading">
                        <span></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="js-part js-goods-detail goods-tabber-c" v-html="details.description"
                     v-show="!tabIndex"></div>
              </div>
            </div>
          </div>
          <div class="js-bottom-opts js-footer-auto-ele stick-bottom">
            <div class="stick-bottom-icons">
              <a href="javascript:;" class="js-yz-im icons icons-im ">店主</a>
              <a href="https://h5.youzan.com/v2/showcase/homepage?kdt_id=16546132" class="js-call-im icons icons-home">店铺</a>
              <a href="javascript:;" class="js-yz-zan icons icons-zan ">收藏</a>
            </div>
            <div class="stick-bottom-btns">
              <!-- 尚未开售 -->
              <div class="btn-cart">
                <a class="js-add-cart" v-on:click="chooseSku(2)">加入购物车</a>
              </div>
              <div class="btn-buy">
                <a href="javascript:;" class="js-buy-it" v-on:click="chooseSku(3)">立即购买</a>
              </div>
            </div>
          </div>
          <!--
            <div id="right-icon" class="js-right-icon hide">
              <div class="js-right-icon-container right-icon-container clearfix">
                <a id="global-cart" href="https://h5.youzan.com/v2/trade/cart?kdt_id=16546132" class="icon hide" >
                  <p class="icon-img"></p>
                  <p class="icon-txt">购物车</p>
                </a>
                <a class="js-show-more-btn icon show-more-btn hide"></a>
              </div>
            </div>
          -->
          <div id="right-icon" class="js-right-icon" v-show="isAddCart">
            <div class="js-right-icon-container right-icon-container clearfix">
              <a id="global-cart" v-bind:href="'cart.html?id='+id" class="icon new s0">
                <p class="icon-img"></p>
                <p class="icon-txt">购物车</p>
              </a>
              <a class="js-show-more-btn icon show-more-btn "></a>
            </div>
          </div>
          <div class="js-recommend">
            <p class="center font-size-14 c-black" style="padding: 5px 0;margin-top: 10px;">
              更多精选商品
            </p>
            <div class="js-recommend-goods-list">
              <ul class="js-goods-list sc-goods-list pic clearfix size-1 " data-size="1" data-showtype="card"
                  style="visibility: visible;">
                <!-- 商品区域 -->
                <!-- 展现类型判断 -->
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/2ov83y79gkn38" class="js-goods link clearfix" target="_blank"
                     data-goods-id="343086880" title="【28号陆续发货】寻找田野|青海有机鲜枸杞 营养价值高安全无农残 吃水果一样吃枸杞">
                    <div class="photo-block" data-width="750" data-height="750"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/11/FoN0SazpvslhoiiyuHETeyWHqzTE.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/11/FoN0SazpvslhoiiyuHETeyWHqzTE.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        【28号陆续发货】寻找田野|青海有机鲜枸杞
                        营养价值高安全无农残 吃水果一样吃枸杞
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥88.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/2g06s483u55no" class="js-goods link clearfix" target="_blank"
                     data-goods-id="342718779" title="【米饭版和牛肉版】小龙坎方便火锅 只要一瓶矿泉水就能吃的地道四川火锅">
                    <div class="photo-block" data-width="0" data-height="0"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/04/FidWCdQxsEMojh63W8GK016mwPAo.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/04/FidWCdQxsEMojh63W8GK016mwPAo.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        【米饭版和牛肉版】小龙坎方便火锅
                        只要一瓶矿泉水就能吃的地道四川火锅
                      </p>
                      <p class="goods-sub-title c-black hide">
                        不用火，不用电，一瓶矿泉水就能吃地道四川火锅
                      </p>
                      <p class="goods-price"><em>¥28.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/1y8wz9sm8da8k" class="js-goods link clearfix" target="_blank"
                     data-goods-id="342676309" title="寻找田野|绍兴黄酒 良宵 2012年古法手工原浆半干黄酒 礼盒装 送礼佳品">
                    <div class="photo-block" data-width="750" data-height="750"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/04/Fq1yXSOb84HmElu-Qgrm65EmAeIz.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/04/Fq1yXSOb84HmElu-Qgrm65EmAeIz.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        寻找田野|绍兴黄酒 良宵 2012年古法手工原浆半干黄酒
                        礼盒装 送礼佳品
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥128.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/27082kgcgmrqs" class="js-goods link clearfix" target="_blank"
                     data-goods-id="342108270" title="寻找田野|新疆库车小白杏 400g*4盒  长在树上的白色蜂蜜">
                    <div class="photo-block" data-width="800" data-height="800"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/12/FhxXtAXp1pEauruMKjw2QZCuCjbQ.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/12/FhxXtAXp1pEauruMKjw2QZCuCjbQ.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        寻找田野|新疆库车小白杏 400g*4盒 长在树上的白色蜂蜜
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥118.00</em></p>
                      <p class="goods-price-taobao ">138</p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/2fnugsg7z7xo4" class="js-goods link clearfix" target="_blank"
                     data-goods-id="341654863" title="寻找田野|无锡阳山水蜜桃 可以吸着吃的水蜜桃 单果200g礼盒装顺丰直达">
                    <div class="photo-block" data-width="800" data-height="800"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/12/FvDOdNLYTkgPg8_LC16vBTKUkpDp.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/12/FvDOdNLYTkgPg8_LC16vBTKUkpDp.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        寻找田野|无锡阳山水蜜桃 可以吸着吃的水蜜桃
                        单果200g礼盒装顺丰直达
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥178.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/2ocrgu7fw6dic" class="js-goods link clearfix" target="_blank"
                     data-goods-id="340716475" title="认养一头牛 安全无添加的好牛奶/酸奶">
                    <div class="photo-block" data-width="0" data-height="0"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/06/14/FlAhOUgjHk6uwBhTmMW95hHPlVJh.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/06/14/FlAhOUgjHk6uwBhTmMW95hHPlVJh.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        认养一头牛 安全无添加的好牛奶/酸奶
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥60.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/365anhqcodi84" class="js-goods link clearfix" target="_blank"
                     data-goods-id="339552343" title="新西兰进口佳沛绿奇异果  多规格包邮 单果90g--110g">
                    <div class="photo-block" data-width="0" data-height="0"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/06/02/FlFNqGPuFKS_DlTAoJTcX9VEDv_4.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/06/02/FlFNqGPuFKS_DlTAoJTcX9VEDv_4.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        新西兰进口佳沛绿奇异果 多规格包邮 单果90g--110g
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥35.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/3f2rgi8pm8xgk" class="js-goods link clearfix" target="_blank"
                     data-goods-id="339441682" title="四杰克系列葡萄酒 五星酒庄出品 750ML">
                    <div class="photo-block" data-width="800" data-height="800"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/12/Fh2E3KeB4j0rAOdILQAC52F_B4hb.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/12/Fh2E3KeB4j0rAOdILQAC52F_B4hb.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        四杰克系列葡萄酒 五星酒庄出品 750ML
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥220.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/273xg8phauxvo" class="js-goods link clearfix" target="_blank"
                     data-goods-id="339414742" title="寻找田野|墨西哥进口牛油果 单果140g--180g  6个装 包邮">
                    <div class="photo-block" data-width="1080" data-height="1080"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/12/FuDDKJmd-yfvmaDUfk-PO-yETRwZ.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/12/FuDDKJmd-yfvmaDUfk-PO-yETRwZ.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        寻找田野|墨西哥进口牛油果 单果140g--180g 6个装 包邮
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥98.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
                <li class="js-goods-card goods-card small-pic card ">
                  <a href="https://h5.youzan.com/v2/goods/36a5xxtuihz10" class="js-goods link clearfix" target="_blank"
                     data-goods-id="338917983" title="花园系列葡萄酒 五星酒庄出品 750ML">
                    <div class="photo-block" data-width="800" data-height="800"
                         style="background-color: rgb(255, 255, 255);">
                      <img class="goods-photo js-goods-lazy"
                           data-src="https://img.yzcdn.cn/upload_files/2017/07/12/FoCENpKklzLyD5VpWVEtS0_jbGc8.jpg?imageView2/2/w/280/h/280/q/75/format/webp"
                           src="https://img.yzcdn.cn/upload_files/2017/07/12/FoCENpKklzLyD5VpWVEtS0_jbGc8.jpg?imageView2/2/w/280/h/280/q/75/format/webp"/>
                    </div>
                    <div class="info clearfix info-title info-price btn0">
                      <p class=" goods-title ">
                        花园系列葡萄酒 五星酒庄出品 750ML
                      </p>
                      <p class="goods-sub-title c-black hide"></p>
                      <p class="goods-price"><em>¥268.00</em></p>
                      <p class="goods-price-taobao  hide"></p>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <p class="center" style="margin: 10px 0 20px;">
              <a href="https://h5.youzan.com/v2/showcase/homepage?kdt_id=16546132"
                 class="center btn btn-white btn-xsmall font-size-14 "
                 style="padding:8px 26px;">进店逛逛&gt;</a>
            </p>
          </div>
        </div>
        <div id="shop-nav"></div>
      </div>
    </div>
    <div class="js-footer" style="min-height: 1px;">
      <div>
        <div class="footer">
          <div class="copyright">
            <div class="ft-links">
              <a href="https://h5.youzan.com/v2/showcase/homepage?kdt_id=16546132" target="_blank">店铺主页</a>
              <a href="https://h5.youzan.com/v2/showcase/usercenter?kdt_id=16546132" target="_blank">会员中心</a>
              <a href="javascript:;" class="js-open-follow">关注我们</a>
              <a href="https://h5.youzan.com/v2/showcase/cert" target="_blank">店铺信息</a>
              <!-- 第三方app隐藏topbar时，需要在底部显示购物记录入口 -->
            </div>
            <div class="ft-copyright "
                 style="background-image: url(https://img.yzcdn.cn/upload_files/2017/06/16/FgtL3QzprXTGrVPaolozNT08Xs2K.png);"></div>
          </div>
        </div>
      </div>
    </div>
    <div style="position: static; width: 0px; height: 0px; border: none; padding: 0px; margin: 0px;">
      <div id="trans-tooltip">
        <div id="tip-left-top"></div>
        <div id="tip-top"></div>
        <div id="tip-right-top"></div>
        <div id="tip-right"></div>
        <div id="tip-right-bottom"></div>
        <div id="tip-bottom"></div>
        <div id="tip-left-bottom"></div>
        <div id="tip-left"></div>
        <div id="trans-content"></div>
      </div>
      <div id="tip-arrow-bottom"></div>
      <div id="tip-arrow-top"></div>
    </div>
    <div class="search-bar" style="display:none;">
      <form class="search-form" action="https://h5.youzan.com/v2/search" method="GET">
        <input type="search" class="search-input" placeholder="搜索商品" name="q" value=""/>
        <input type="hidden" name="kdt_id" value="16546132"/><a class="js-search-cancel search-cancel"
                                                                href="javascript:;">取消</a><span
        class="search-icon"></span><span class="close-icon hide"></span>
      </form>
      <div class="history-wrap center">
        <ul class="history-list search-recom-list js-history-list clearfix"></ul>
        <a class="tag tag-clear js-tag-clear c-gray-darker hide" href="javascript:;">清除历史搜索</a>
      </div>
    </div>
    <div id="yFzBKP9GDL"
         style="height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; transition: none 0.2s ease; opacity: 1;"
         v-show="showSku" v-on:touchstart.stop.prevent></div>
    <transition name="fade">
      <div id="QfEqtDbeK9" class="sku-layout sku-box-shadow popup"
           style="overflow: hidden; position: fixed; z-index: 1000; background: white; bottom: 0px; left: 0px; right: 0px; visibility: visible;"
           v-show="showSku">
        <div class="sku-layout-title name-card sku-name-card">
          <div class="thumb">
            <img class="js-goods-thumb goods-thumb"
                 src="https://img.yzcdn.cn/upload_files/2017/07/12/FkSvYz8FLLD9-t0smXO43hF6ov7S.jpg?imageView2/2/w/100/h/100/q/75/format/webp?imageView2/2/w/100/h/100/q/75/format/webp"
                 alt=""/>
          </div>
          <div class="detail goods-base-info clearfix">
            <p class="title c-black ellipsis">
              寻找田野|最正宗的上海南汇8424 得奖最多奥运会指定西瓜1只/箱
              9-11斤
            </p>
            <div class="goods-price clearfix">
              <div class="current-price pull-left c-black">
                <span class="price-name pull-left font-size-14 c-orange">¥</span><i
                class="js-goods-price price font-size-16 vertical-middle c-orange">98.00</i>
              </div>
              <div class="original-price vertical-middle font-size-14 line-through">
                108
              </div>
            </div>
          </div>
          <div class="js-cancel sku-cancel" @click="showSku=false">
            <div class="cancel-img"></div>
          </div>
        </div>
        <div class="sku-detail adv-opts hotel-checkin-select" style="border: none; margin: 0; display: none;">
          <div class="sku-detail-inner adv-opts-inner-addons">
            <dl class="sku-group select-sku js-select-checkin-date">
              <dt>时间：</dt>
              <dd class="js-checkin-date-value">选择入住时间</dd>
            </dl>
          </div>
        </div>
        <div class="adv-opts layout-content" style="max-height: 554px;">
          <div class="goods-models js-sku-views block block-list border-top-0">
            <dl class="clearfix block-item sku-list-container">
              <dt class="model-title sku-sel-title">
                <label>净含量：</label>
              </dt>
              <dd>
                <ul class="model-list sku-sel-list">
                  <li class="tag sku-tag pull-left ellipsis active">
                    4500g-5000g
                  </li>
                </ul>
              </dd>
            </dl>
            <dl class="clearfix block-item">
              <dt class="sku-num pull-left"><label>购买数量：</label></dt>
              <dd class="sku-quantity-contaienr">
                <dl class="clearfix">
                  <div class="quantity">
                    <button class="minus" type="button" v-bind:class="{disabled:skuNum===1}"></button>
                    <input type="text" class="txt" pattern="[0-9]*" v-bind:value="skuNum"/>
                    <button class="plus" type="button"></button>
                    <div class="response-area response-area-minus" @click="changeSkuNum(-1)"></div>
                    <div class="response-area response-area-plus" @click="changeSkuNum(1)"></div>
                  </div>
                </dl>
              </dd>
              <dt class="other-info">
                <div class="stock">剩余450件</div>
              </dt>
            </dl>
            <div class="block-item block-item-messages" style="display: none;"></div>
          </div>
          <!-- <div class="bottom-padding"></div> -->
          <div class="confirm-action content-foot clearfix">
            <!-- 加入购物车 -->
            <div class="big-btn-1-1" v-show="skuType===2">
              <a href="javascript:;" class="js-confirm-it big-btn red-btn main-btn" @click="addCart()">加入购物车</a>
            </div>
            <!-- 立即购买 -->
            <div class="big-btn-1-1" v-show="skuType===3">
              <a href="javascript:;" class="js-confirm-it big-btn red-btn main-btn">下一步</a>
            </div>
            <!-- 选择规格 -->
            <div class="big-btn-2-1" v-show="skuType===1">
              <a href="javascript:;" class="js-mutiBtn-confirm cart big-btn orange-btn vice-btn" @click="addCart()">加入购物车</a>
              <a href="javascript:;" class="js-mutiBtn-confirm confirm big-btn red-btn main-btn">立即购买</a>
            </div>
          </div>
        </div>
      </div>
    </transition>
    <transition name="cartMessage">
    <div class="motify" v-show="showAddMessage">
      <div class="motify-inner">已成功添加到购物车</div>
    </div>
    </transition>
  </div>
  <div class="loading-more" v-else="!details"><span></span></div>
</div>
</body>

</html>
